<ion-header>
  <ion-navbar>
    <ion-title>书籍详情</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

  <section class="bookRack">
    <ion-item>
      <img src={{bookDetailObj.cover|dataImg}}>
      <div>
        <p class="bookTop">{{bookDetailObj.title}}</p>
        <p class="bookTop">
          <span>{{bookDetailObj.author}}|</span>
          <span>{{bookDetailObj.minorCate}}|</span>
          <span>{{bookDetailObj.wordCount}}万字</span>
        </p>
        <p class="bookTop">
          <span>更新时间:</span>
          <span> {{bookDetailObj.updated|dateTimes}}</span>
        </p>
      </div>
    </ion-item>

    <div class="_Div">
      <button class="_Button">不追了</button>
      <button class="_Button _ButtonBg">开始阅读</button>
    </div>

  </section>

  <section class="bookData">
      <p>
        <span>追书人数</span>
        <br>
        <span>{{bookDetailObj.followerCount}}</span>
      </p>
      <p>
        <span>读者存留率</span>
        <br>
        <span>{{bookDetailObj.retentionRatio + '%'}}</span>
      </p>
      <p>
        <span>日更新字数</span>
        <br>
        <span>{{bookDetailObj.serializeWordCount}}</span>
      </p>
  </section>

</ion-content>
